<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <meta name="renderer" content="webkit">
    <link rel="shortcut icon" href="https://www.ksyun.com/assets/img/static/favicon.ico" type="image/x-icon">
    <title>h265 web player</title>
    <meta content="h265, 直播SDK，点播SDK，金山云，视频云，视频播放，KLS，KVS，Kingsoft，KingCloud, Playback, player" name="keywords">
    <meta content="h265.js是金山云的Web端视频播放器，仅支持h265视频编码和AAC音频编码的flv格式的直播和点播视频。支持IE9及以上现代浏览器。本SDK隶属于金山云视频云解决方案" name="description">
    <link rel="stylesheet" type="text/css" href="./index.css">
</head>
<body>
    <div class="ks-container">
        <div class="ks-sub-container">
            <h3 class="ks-title">H.265 MP4 Web Player</h3>
            <p class="ks-tip">点击下方 load 加载H.265 MP4视频</p>
            <div class="ks-display-container">
                <canvas id="ks-display-canvas" width="960" height="540">
                    Your browser is too old which doesn't support HTML5 canvas
                </canvas>
                <div class="ks-loader hide"></div>
            </div>
            <audio name="ks-audio" controls style="display:none;">
                Your browser is too old which doesn't support HTML5 audio.
            </audio>
            <div class="ks-url-input-container">
                <input name="265urlinput" class="ks-url-input" type="text" value="https://github.com/ksvc/h265webplayer/mp4/jinjie_265.mp4"/>
            </div>
            <div class="ks-controls-container">
                <div class="ks-controls">
                    <button class="ks-controls-load" onclick="flv_load()">Load</button>
                    <button onclick="flv_start()">Start</button>
                    <button onclick="flv_pause()">Pause</button>
                    <button onclick="flv_destroy()">Destroy</button>
                    <input type="text" name="ks-seek-to" value="35"/>
                    <button onclick="flv_seekto()">SeekTo</button>
                    <button class="ks-controls-muted" onclick="muted()" data-type="muted">Muted</button>
                    <div class="ks-time">
                        <span class="ks-current">00:00:00</span>
                        /
                        <span class="ks-duration">00:00:00</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script src="./h265.min.js"></script>
<script src="./index.js"></script>
</body>
</html>